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Diensten integreren in je website 


Extra's voor je website, 


De inhoud van je website is natuurlijk het allerbelangrijkste, maar 
door enkele extra's aan te bieden, kan je het verblijf van je be- 
zoekers nog wat aangenamer maken. In dit deel van onze cursus 
reiken we je enkele suggesties aan. # rrever euris 


\ 
\ 


m de aanwezigheid van jouw site op het internet te 

verantwoorden, moet je er uiteraard voor zorgen dat 
de inhoud ervan voor een meerwaarde zorgt. Als dat al snor 
zit, kan een beetje aankleding nooit kwaad. Er zijn talloze 
diensten die je kan toevoegen aan je webstek, gaande van een 
interne zoekmachine tot een dagelijks veranderende cartoon. 
Sommige toevoegingen maken je site aangenamer om te be- 
zoeken, terwijl andere de gebruiksvriendelijkheid vergroten. 


WAT DOEN WE? dl 


WAARMEE? 


HOELANG? 


MOEILIJKHEID? 


D) 


In dit dossier proberen we het nuttige aan het aangename te 
paren, maar er is één grondregel die je altijd in het achter- 
hoofd moet houden: overdaad schaadt! Als je op je welkomst- 
pagina een chatbox, een forum, een enquête en een mailfor- 
mulier inbouwt, is het overzicht al gauw zoek. Kies de extra’s 
die je aan je site wil toevoegen dus zorgvuldig uit en voorkom 


dat je bezoekers door de bomen het bos niet meer zien. De 
onderstaande extra’s zijn uiteraard maar een kleine greep uit 
het aanbod dat het internet rijk is, dus ga gerust ook zelf op 
zoek. De meeste diensten kan je eenvoudig op je website 
gebruiken door een html-code te kopiëren. Hoe je dat doet 
in KompoZer, vertellen we je zo meteen. 


Je Messenger-status weergeven Yahoo! Messenger 


Als je een instant messenger gebruikt zoals Windows Live Messenger of Add Online Presence to Your Web Pages Je online 
A 5 5 5 5 1 
Yahoo! Messenger, kan je op je website weergeven of je al dan niet nnattienande ale hab deen gans hen op Yahoo! 
é ER À : curently online and using Yahool Messenger. To essenger 
online bent. Gebruik je Live Messenger, dan surf je naar http://settings. @© gen aal dal d ee 
À Pr e en wf HTML to your web page integreren is 
messenger.live.com/applications/WebSettings.aspx. Nadat je ingelogd bent, ea 
D I'm Online A 


Not Online 


zet je op de volgende pagina een vinkje bij WeBsrtes TOESTAAN JE MESSENGER- 
STATUS TE ZIEN EN BERICHTEN NAAR JE TE VERZENDEN. Vervolgens klik je bovenaan 
op Opstaan. Aan de linkerkant klik je daarna op HrmL-CoDE AANMAKEN, 
waarna je kan kiezen uit verschillende weergavemogelijkheden. Zo kan 
je een volledig Messenger-venster op je website zetten, een kleine knop 
of enkel je status. Onderaan kan je voor sommige opties ook het for- 
maat en het kleurenthema kiezen. Is je keuze gemaakt, dan selecteer 
je de html-code onderaan de pagina (onder de hoofding Kopieer DE HTML- 
CODE EN PLAK DEZE IN JE WEBPAGINA) en kopieer je ze met de sneltoetscom- 
binatie CrrL+C. Open nu de Contact-pagina van je website in KompoZer 
(of maak een nieuwe pagina aan) en zet je cursor waar je het status- 
blokje wil hebben. Daarna druk je in de menubalk bovenaan op Insert 
en vervolgens op HTML. Er verschijnt een kadertje, waar je met Crru+V 
de html-code in kan plak- 
ken. Met een druk op INseRT 
wordt je Messenger-status 
ingevoegd. 


Ifa Yahool Messenger user clicks your online 


presence, an instant message window will open for 
them so they can type you an instant message. 
Add OPI to your webpage 
Copy and paste the HTML text below into your web 
document. 


Your Yahoo! 1D: [clickam 


Ook gebruikers van Yahoo! Messenger kunnen hun status laten zien 
op hun website. De mogelijkheden zijn wel iets beperkter dan bij 
Windows Live Messenger. Je kan immers enkel een balkje plaatsen 
waarin staat dat je al dan niet online bent. Als een bezoeker van 
je site op dat knopje klikt, kan hij je een bericht versturen. Surf 
naar http://us.messenger.yahoo.com/addpresence.php en vul je Yahoo! ID 
in in het veldje Your Yanoo! ID. Vervolgens kopieer je het stukje 
html-code dat in het vak eronder automatisch aangemaakt wordt 
en plak je het op dezelfde manier in je website als we hierboven 
beschreven voor Live Messenger. 


Insert HTML 


Enter HTML tags and text: 

<a target="_blank" 

href="http: (jsettings. messenger live.com/Conversation/IMMe,aspx?in 
style="border-style: none;” 

src="http://messenger services.live.com/users/2ae29f60Sbf3a880@al 
width="16" height="16" [></a> 


[€ 
i Example: <i> Hello Worfdt </i> 
KompoZer vertaalt de html-code 
naar een bruikbaar object. 


Cancel 
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Discussiëren op een forum 


Wil je de bezoekers van je website tot discussie aanzetten, of wil je 
gewoon een gezellige ontmoetingsplaats bouwen, dan is een forum 
de aangewezen oplossing. Om zoveel mogelijk controle over je forum 
te hebben en de lay-out ervan zo goed mogelijk aan die van je 
website aan te passen, installeer je er best zelf één op je web- 
ruimte. Het openbronsysteem phpBB www.phpbb.com is daarvoor zeer 
geschikt. De voorwaarde is wel dat de server waar je website op 
gehost wordt php ondersteunt. Bij de meeste aanbieders van gratis 
webruimte, zoals je provider, is dat niet het geval. Gelukkig zijn er 
voldoende alternatieven voorhanden, zoals Yabbers www.yabbers.com. 
Daar kan je een gratis phpBB-forum opzetten, dat dan gehost wordt 
op de servers van Yabbers. Op de website van Yabbers klik je boven- 
aan op Sien Up. Op de volgende pagina geef je eerst een Access NAME 
op, die de url van je forum zal bepalen. Een voorbeeld zie je eronder 
staan in het blauw. Vervolgens geef je het forum een naam en duid 
je aan in welke categorie het thuishoort. Daarna geef je de gegevens 
in voor de beheerdersaccount, typ je de captcha over en druk je 
onder de gedragsregels op Make Forum. Als alles goed gaat, vertelt 
een kadertje dat er een e-mail met je wachtwoord in je mailbox zit. 
Druk op OK om het kadertje te sluiten en naar je forum gebracht 
te worden. Voortaan kan je het forum bereiken via www.yabbers. 
com/sjouwaccessname. In het menu van je website maak je nu dus best 
een nieuwe link aan, die naar je forum leidt. Om je forum te confi- 
gureren (het uiterlijk aanpassen, gebruikers toevoegen en meer), 
klik je onderaan op Go To ApMinisTRATION PaneL en geef je opnieuw je 


phpblsy 


Welcome to phpBB 2 Installation 
YABBERS free forum hosting 


Basic Configuration 


Access name: 


This is the access name of your board (no [ziteyoop 


spaces) 
url to access your forum: 
http://www. yabbers.com/phpbb/your_access_name.html 


The forum name: [Bec Alley oop | 
This is the name of your forum BEC Alle op 
Forum Category: Beerts 5 
Select a category for your forum Stald e 
Admin Configuration 


Username: [=dministrator 
Email Address: [redactie@clickx be 


Password: [str 


Confirm Password: [+++ Ì I 
Visual Confirmation: 6 9 
If you can not read the code, please NM kn M 
ensure yau have banner/image blocker 7 


turned off and refresh the page. 


Thank you for choosing phpBB 2. In order to complete this install please fill out the details requested below. 


Op een paar minuten krijg je van Yabbers een kant-en-klaar 
phpBB-forum. 


logingegevens in. Het Administration Panel kan wat overdonderend 
overkomen, maar met wat zoekwerk geraak je er wel uit. Op de 
website van phpBB kan je onder Support ook een volledige handlei- 
ding en enkele handige tutorials downloaden. Heb je toch nog een 
probleem, dan is er vast wel een bereidwillige gebruiker op het 
forum van phpBB die je uit de brand kan helpen. 


Step 2: Select Poll Colors 


Vraag het aan je bezoekers 


Een andere manier om feedback te krijgen van je bezoekers, is door een poll op 
te nemen op je site. Een poll is niet meer (of minder) dan een meerkeuzevraag. 
Trouwe bezoekers van de Clickx-website hebben er zo waarschijnlijk al wel eens 
eentje beantwoord, waarvoor overigens onze oprechte dank. Overal op het in- 
ternet kan je wel een gratis poll aanmaken, maar wij maken gebruik van de 
diensten van Sparklit www.sparklit.com. Surf naar http://webpoll.sparklit.com en klik 
daar naast 100% Free web Polls op Sien up ropay. Beantwoord de vraag of je al 
een Sparklit-account hebt met No/I pon’T know (tenzij je er al eentje hebt na- 
tuurlijk) en vul vervolgens je gegevens in. Op de volgende pagina kan je meteen 
een titel voor je poll ingeven, de vraag die je wil stellen en tien mogelijke ant- 
woorden. Als je antwoordvelden blanco laat, worden ze niet mee opgenomen in 
de keuzelijst. Heb je meer keuzes nodig, dan druk je onderaan op ENTER MORE 
ANSWERS. Alles ingevuld? Dan druk je op Save Answers. Daarna kan je een kleuren- 
schema voor je poll kiezen. Duid het schema van je voorkeur aan in de uitklap- 
lijst onderaan de pagina en druk op Next step. Nu moet je kiezen hoe je bezoekers 
moeten stemmen. Als ze meer dan één mogelijk antwoord mogen aanduiden, dan 
kies je MuLripLe seLecrions. In het andere geval heb je de keuze uit een bolletjes- 
lijst en een uitklaplijst. Na nog een druk op Next Step kan je kiezen uit zeven 
verschillende lay-outmogelijkheden, en daarna is je poll klaar voor gebruik! Wil 
je geen Sparklit-reclameknop onder je poll, dan kies je in de uitklaplijst boven 
de html-code voor FuuL Hrmu. Vervolgens kopieer je de html-code en plak je ze 
in je website met Insert, HTML. Als je je poll wil aanpassen of verder wil confi- 
gureren, dan klik je in het menu aan de linkerkant op ApMinistRATION. 

Je bezoekers kunnen ook de resultaten zien zonder zelf te stemmen. Dat doen 
ze met een klik op Current resuLrs. Op die pagina kunnen ze ook discussiëren over 
de huidige poll of hun keuze verduidelijken, door aan de rechterkant op Start A 
New Comment te klikken. 


Choose the colors for your Web Poll... 
(Use the drop down list at the BOTTOM of the page to 
choose a color Scheme, The colors can be changed later) 


Scheme 1 


Scheme 2 


Scheme 3 


BBC Alley Oop - 
poll 


Wat vind je vande | 
website? 


O Zeer goed 
O Goed 

O Kan beter 
O Slecht 

O Erbarmelijk 


| 


Scheme 4 


BBC Alley Oop - 
poll 


Wat vind je van de 
website? 


O Zeer goed 
O Goed 

O Kan beter 
O Slecht 

O Erbarmelijk 


Submit Vote 


Scheme 5 


BBC Alley Oop 
poll 


Wat vind je van de 
website? 


O Zeer goed 
O Goed 

O Kan beter 
O Slecht 

O Erbarmelijk 


Wat vind je van de 
website? 


O Zeer goed 
O Goed 

O Kan beter 
O Slecht 

O Erbarmelijk 


Wat vind je van de 
website? 


O Zeer goed 
O Goed 

O Kan beter 
O Slecht 

O Erbarmelijk 


Scheme 6 


BBC Alley Oop - | 
poll | 


\Wat vind je van de 
Í : 

\website? 

Í 


O Zeer goed 
O Goed 

O Kan beter 
O Slecht 

| O Erbarmelijk 


| CSubmitvote ) | 


Je kan je poll te allen tijde aanpassen en veranderen. 
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Een persoonlijke zoekmachine Enna 


Wordt je website wat uitgebreider, dan is een zoekmachine geen Geavanceerd Live Zoekvak 

Z 5 5 Stag 1 Stap 2: Stap 3 
overbodige luxe. Zo vinden je bezoekers meteen wat ze zoeken en Ean type zoekopdracht kiezen Met zoekvak oan je voorkeur Ge HmL-code kopieren 
moeten ze je website niet gefrustreerd verlaten. Om een Live Search 


Stap 2: Het zoekvak aan je voorkeur aanpassen 


Box van Microsoft aan je website toe te voegen, surf je naar ze, 
Daar kan je kiezen tussen een basis- 
zoekvak en een geavanceerd zoekvak. Het basiszoekvak toont de re- 
sultaten op de website van Live Search, terwijl bij het geavanceerd 
zoekvak de resultaten in je eigen website worden weergegeven. Wij 
kozen voor die laatste optie, omdat we onze bezoekers niet willen 
wegsturen. Druk op de Nu BEGINNEN-knop van het geavanceerd zoekvak. O Lerge (1000 x 700 ox 
Op de volgende pagina geef je onder de hoofding Wegsires zoeken een Therme van het esuftatenvenster 
schermnaam aan de zoekopdracht (bijvoorbeeld Zoeken In peze stre) en 
geef je de url van je website op. Als je wil, kan je je zoekmachine eerst 
eens bekijken door links onderaan op de knop JE zoEKVAK UITPROBEREN te 
klikken. Ben je tevreden, dan klik je op VoLeEnpe om het zoekvak verder 
aan je voorkeur aan te passen. Zo kan je de weergavetaal kiezen, de Je kan het Live Search-zoekvak helemaal op maat van je website snijden. 
breedte van het zoekvak bepalen evenals de afmetingen van het re- 

sultatenvenster, en een kleurenthema selecteren. Je kan opnieuw je _genpe krijg je een flinke brok html-code te zien, die je moet kopiëren 
zoekvak eerst bekijken voor je verdergaat. Na nog een druk op Vor- en plakken in je website via Insert, HTML. 


egeven hoe je zoekvak moet werken. Nu kun je eangeven hoe het eruit moet zien op je website 


n woergavetaal kiezen: | Netherlands (Dutch) ed 


“Breedte van het zoekvak: (322 px voer een waarde in tussen 100 en 500 


volgende > 


dverteren | Webenasters | Ontwikkelaars } Help | Feedback 


Een sudoku op je website 


Een beetje ontspanning op zijn tijd kan nooit 
kwaad, zeker niet als je er op hetzelfde moment 
je hersenen mee kan trainen. Sudoku-puzzels zijn 
meer dan geschikt om de tijd op een nuttige 
manier te doden en bovendien kan je er erg mak- 
kelijk eentje in je website integreren. Wij vonden 
een script op de website 
Daar klik je onderaan de pagina op DownLoap Je 
GRATIS SUDOKU SCRIPT HIER, Waarna je de html-code in 
het vakje kopieert en invoegt in je site. Telkens 
je je website bezoekt, wordt er een andere puzzel 
geladen. Als je bezoekers zelf een nieuwe puzzel 
willen starten, kunnen ze links onderaan op New 
puzzLe klikken, waarna ze kunnen kiezen uit vijf 
verschillende moeilijkheidsgraden. Wil je de oplos- Cartoons zijn een andere leuke manier om je bezoekers te entertainen. Veel cartoonis- 
sing zien, dan klik je bovenaan op Souurron. ten (of hun uitgevers) hebben echter niet graag dat je hun auteursrechterlijk be- 
schermde materiaal zomaar overneemt, dus speur zeker eerst hun website af naar een 
toestemming. Een bezoek aan de webstek van onze huiscartoonist Tom www.tomcartoon. 
be leert dat hij maar wat graag meehelpt aan de verfraaiing van je website, als je bij 
elke cartoon maar een duidelijke bronvermelding en een link naar zijn site zet. Meer 
dan vijf cartoons tegelijk ziet hij liever niet verschijnen. Om een van zijn cartoons op 
je site te gebruiken, bewaar je hem in de beeldenmap van je website en klik je in 
KompoZer bovenaan op de Imace-knop. Vervolgens ga je op zoek naar de cartoon en 
druk je op OK om hem in te voegen. Daarna klik je in het menu op de Link-knop en typ 
je zowel in het Link Text-veld als in het Link Location-veld in. 

Toms collega Quirit maakt het je zelfs nog makkelijker. Met de zogenaamde Quiritma- 
tic krijg je elke dag automatisch een nieuwe cartoon op je website. Om van die dienst 


gebruik te maken, surf je naar www.quirit.com) kies je je taal en klik je op Dwaze pownLoaps. 


Cartoonkeuze genoeg op de 
website van Tom. 


bd Vervolgens kies je voor VERKNAL JE HOMEPAGE MET DE QurrirMaric. Lees op de volgende pa- 
hou je je gina even de voorwaarden en klik daarna onderaan op Ga verver. Als je dan je naam, 
has e-mailadres en de url van je site opgeeft, krijg je de html-code van de Quiritmatic 
wel even doorgestuurd en kan je die op de bekende manier aan je website toevoegen. « 
zoet. 
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